<template>
  <div>
    <h2>我是父组件</h2>
    <!-- <so-con :sum="message.uname" :sum1="message.famliyName" :sum2="message.age" :sum3="message.profess"></so-con> -->
    <so-con v-for="item in message" :key="item.id" :message="item"></so-con>
  </div>
</template>

<script>
import SoCon from"./SoCon.vue"
export default {
  components:{
    SoCon
  },
  data() {
    return {
      message: [
        {
          id: '1',
          uname: 'harry',
          famliyName: 'despot',
          age: 28,
          profess: '前端'
        },
        {
          id: '2',
          uname: '志豪',
          famliyName: '陈',
          age: 17,
          profess: '测试'
        },
        {
          id: '3',
          uname: '嘉',
          famliyName: '高',
          age: 21,
          profess: '全栈'
        },
        {
          id: '4',
          uname: '涵翔',
          famliyName: '侯',
          age: 18,
          profess: '帕勒马斯'
        }
      ]
  }
  }}
</script>

<style scoped></style>
